<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
	
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Real Plot a Real Estates Category Bootstrap Responsive
	Website Template | Home :: w3layouts</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="Real Plot Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript">
	
	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } 

</script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"
	media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"
	media="all">
<!--fonts-->
<link
	href="//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700"
	rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,900"
	rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Courgette"
	rel="stylesheet">
<!--//fonts-->
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!--light-box-files -->
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css"
	media="screen">
<!--//light-box-files -->
<script type="text/javascript">
	$(function() {
		$('.gallery a').Chocolat();
	});
</script>
<!-- //js -->
<script src="js/responsiveslides.min.js"></script>
<script>
	$(function() {
		$("#slider").responsiveSlides({
			auto : true,
			pager : true,
			nav : true,
			speed : 1000,
			namespace : "callbacks",
			before : function() {
				$('.events').append("<li>before event fired.</li>");
			},
			after : function() {
				$('.events').append("<li>after event fired.</li>");
			}
		});
	});
</script>


<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event) {
			event.preventDefault();
			$('html,body').animate({
				scrollTop : $(this.hash).offset().top
			}, 1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
</head>
<body>
	<!--Header-->
	<div class="header">
		<!--Top-Bar-->

		<div class="top-bar">
			<div class="container">
				<div class="header-nav">
					<nav class="navbar navbar-default"> <!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed"
							data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span> <span
								class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
						<h1>
							<a class="navbar-brand" href="index.html">Real Plot</a>
						</h1>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil"
						id="bs-example-navbar-collapse-1">
						<nav class="linkEffects linkHoverEffect_12">
						<ul>
						<li><a class="active" href="index"><span>首页</span></a></li> 
										<li><a class="scroll" href="Team.jsp"><span>教师团队</span></a></li>  
										<li><a class="scroll" href="Course.jsp"><span>课程介绍</span></a></li> 
										<li><a class="scroll" href="userdetail.jsp"><span>个人中心</span></a></li> 
										<li><a class="scroll" href="Login.jsp"><span>登录</span></a></li> 

						</ul>
						</nav>
					</div>
					</nav>
				</div>
			</div>
		</div>
		<!--//Top-Bar-->
	</div>
	<!--//Header-->
	<!--information-->
	<div class="contact-w3-agileits" id="information">
		<div class="container">
			<div class="row">
				<ol class="breadcrumb">
					<li><a href="#">首页</a></li>
					<li>个人信息</li>
				</ol>
				<div class="col-md-2"></div>
				<div class="col-md-4">
					<a href="#"> <img src="images/t1.jpg" class="img-circle">
					</a>
				</div>
				<form method="post" action="userinformationupdate" enctype="multipart/form-data">
				<div class="col-md-6">
						<input type="hidden" name="tid" value="${param.tid}"/>
					<h2 style="margin-top: 60px">
						<span class="label label-default">姓名：</span><input type="text" name="tname" value="${username }" />
					</h2>
					<h2 style="margin-top: 60px">
						<span class="label label-default">简介：</span><input type="text"  name="tdescription" value=""/>
					</h2>
					<h2 style="margin-top: 60px">
						<span class="label label-default">头像：</span><input type="file" name="timage" value="" />
					</h2>
				</div>
				<input type=submit  value="保存" /><input type="reset"  value="重置" />
				</form>
			</div>

		</div>
	</div>
	<!--/information -->
	<!--footer-->
	<div class="footer">
		<div class="footer-head-agile">
			<ul>
				<li class="contact-agile"><span class="fa-icon-w3"><i
						class="fa fa-phone" aria-hidden="true"></i></span>CALL NOW : 040 123456
					789</li>
				<li class="logo-w3ls"><h2>
						<a href="index.html">Real Plot</a>
					</h2></li>
				<li class="mail"><span class="fa-icon-w3"><i
						class="fa fa-envelope" aria-hidden="true"></i></span>MAIL : <a
					href="mailto:info@example.com">INFO@EXAMPLE.COM</a></li>
			</ul>
		</div>
		<label></label>
		<div class="container">
			<div class="footer-content-agile">
				<div class="clearfix"></div>
				<div class="copy">
					<p>
						© 2016 Real Plot . All Rights Reserved | Design by <a
							href="http://w3layouts.com/">W3layouts</a>
					</p>
				</div>
			</div>
		</div>
	</div>
	<!--/footer -->
	<!-- smooth scrolling -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			 */
			$().UItoTop({
				easingType : 'easeOutQuart'
			});
		});
	</script>
	<a href="#" id="toTop" style="display: block;"> <span
		id="toTopHover" style="opacity: 1;"> </span></a>
	<!-- //smooth scrolling -->
	<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
</body>
</html>